var scenetreedata = [{
    children: [{
        children: [{
            graph: {
                cells: [{
                    id: "e7e1a906-3dd8-41cf-9c46-a1b7adeb1de5",
                    shape: "edge",
                    source: {cell: '0', port: 'ac8e5689-ed04-40ac-a088-f98fb0149a98'},
                    target: {cell: '2af0b4c1-f012-469d-abef-d0c4f77de8c1', port: '701e7eb9-4e6e-46b9-8dd0-f9c10ddec2e8'},
                }, {
                    id: "5db9ae4b-a814-4bd4-9d57-fc92bb6a3a69",
                    shape: "edge",
                    source: {cell: '0', port: 'ac8e5689-ed04-40ac-a088-f98fb0149a98'},
                    target: {cell: 'ea79f202-87c2-4fd7-bc22-7a2edde3e169', port: '701e7eb9-4e6e-46b9-8dd0-f9c10ddec2e8'},
                }, {
                    id: 'e1bbc17f-dc1c-4644-a3b5-5cfcf9b253de',
                    shape: "edge",
                    source: {cell: '2af0b4c1-f012-469d-abef-d0c4f77de8c1', port: '03397643-77fc-4e0e-8037-8cf196c08167'},
                    target: {cell: '1', port: 'ad381b98-bebb-416e-8e57-af5b3bd7fac4'},
                }, {
                    id: 'c0f3a8d5-8075-4d93-9ef6-44d78326561a',
                    shape: "edge",
                    source: {cell: 'ea79f202-87c2-4fd7-bc22-7a2edde3e169', port: '03397643-77fc-4e0e-8037-8cf196c08167'},
                    target: {cell: '1', port: 'ad381b98-bebb-416e-8e57-af5b3bd7fac4'},
                }, {
                    attrs: {
                        text: {text: 'Start'}
                    },
                    data: {delay: 0, duration: 0, startTime: 0, endTime: 0},
                    id: "0",
                    shape: "start-node"
                }, {
                    attrs: {
                        text: {text: 'End'}
                    },
                    data: {delay: 0, duration: 0, startTime: 0, endTime: 0},
                    id: "1",
                    shape: "end-node"
                }, {
                    attrs: {
                        text: {text: 'Effect—Display\n0s—0s'}
                    },
                    data: {
                        animationinfo: {delay: 0, duration: 1, effecttype: 'rain', fireposition: null},
                        animationtype: 'show',
                        delay: 0,
                        duration: 1,
                        startTime: 0,
                        endTime: 0,
                        objecttype: 'effect',
                        key: '5'
                    },
                    id: "2af0b4c1-f012-469d-abef-d0c4f77de8c1",
                    shape: "animation-node"
                }, {
                    attrs: {
                        text: {text: 'Effect—Display\n0s—0s'}
                    },
                    data: {
                        animationinfo: {delay: 0, duration: 5, effecttype: 'snow', fireposition: null},
                        animationtype: 'show',
                        delay: 0,
                        duration: 5,
                        startTime: 0,
                        endTime: 0,
                        objecttype: 'effect',
                        key: '5'
                    },
                    id: "ea79f202-87c2-4fd7-bc22-7a2edde3e169",
                    shape: "animation-node"
                }]
            },
            key: "NIrftntMugJt3h5oT1uie",
            parentKey: "BJgPFH8SHw5d6GOYJ6bhv",
            type: "scene",
            value: "Event1-1",
        }],
        graph: {
            cells: [{
                id: "7e1c95df-0b1b-414f-804f-81eacf790942",
                shape: "edge",
                source: {cell: '0', port: '7cc4c6dd-eb2e-400b-9f35-64ca2382f1fe'},
                target: {cell: 'NIrftntMugJt3h5oT1uie', port: 'bfcce8d0-3ac4-4cc8-b520-702c26f42bc3'},
            }, {
                id: "b4a8ce3b-17e5-46a1-ba20-7678e14972d5",
                shape: "edge",
                source: {cell: 'NIrftntMugJt3h5oT1uie', port: 'd37f3e4a-1d11-42c2-9a51-67abf66f63ea'},
                target: {cell: '1', port: '301afa3a-87e4-4e13-a993-de56374cf1ef'},
            }, {
                attrs: {
                    text: {text: 'Start'}
                },
                data: {delay: 0, duration: 0, startTime: 0, endTime: 0},
                id: "0",
                shape: "start-node"
            }, {
                attrs: {
                    text: {text: 'End'}
                },
                data: {delay: 0, duration: 0, startTime: 0, endTime: 0},
                id: "1",
                shape: "end-node"
            }, {
                attrs: {
                    text: {text: 'Event1-1\n0s—0s'}
                },
                data: {type: 'scene', delay: 0, duration: 0, startTime: 0, endTime: 0},
                id: "NIrftntMugJt3h5oT1uie",
                shape: "animation-node"
            }]
        },
        key: "BJgPFH8SHw5d6GOYJ6bhv",
        parentKey: "0",
        type: "scene",
        value: "Event1"
    }, {
        children: [{
            graph: {
                cells: [{
                    id: "6196d930-3e49-493c-ac55-ad2b59a24e14",
                    shape: "edge",
                    source: {cell: '0', port: '7df24848-1ae1-4bad-bf5d-65274cda13db'},
                    target: {cell: 'e6066f9b-9573-4c2c-8e04-303b11d1445b', port: '701e7eb9-4e6e-46b9-8dd0-f9c10ddec2e8'},
                }, {
                    id: "17d2bbb8-d96e-4622-9413-7dd44a45ebe9",
                    shape: "edge",
                    source: {cell: '0', port: '7df24848-1ae1-4bad-bf5d-65274cda13db'},
                    target: {cell: '8fff44b6-a806-476c-b8ea-1f75147bf018', port: '701e7eb9-4e6e-46b9-8dd0-f9c10ddec2e8'},
                }, {
                    id: '5623d8e1-b3f3-4d80-ad85-caf2fb757cd2',
                    shape: "edge",
                    source: {cell: 'e6066f9b-9573-4c2c-8e04-303b11d1445b', port: '03397643-77fc-4e0e-8037-8cf196c08167'},
                    target: {cell: '1', port: 'cd95196c-d98b-4301-85e9-80138123c4dd'},
                }, {
                    id: '85b5822e-b2ea-4006-80cd-20ee6b7addee',
                    shape: "edge",
                    source: {cell: '8fff44b6-a806-476c-b8ea-1f75147bf018', port: '03397643-77fc-4e0e-8037-8cf196c08167'},
                    target: {cell: '1', port: 'cd95196c-d98b-4301-85e9-80138123c4dd'},
                }, {
                    attrs: {
                        text: {text: 'Start'}
                    },
                    data: {delay: 0, duration: 0, startTime: 0, endTime: 0},
                    id: "0",
                    shape: "start-node"
                }, {
                    attrs: {
                        text: {text: 'End'}
                    },
                    data: {delay: 0, duration: 0, startTime: 0, endTime: 0},
                    id: "1",
                    shape: "end-node"
                }, {
                    attrs: {
                        text: {text: 'Effect—Display\n0s—0s'}
                    },
                    data: {
                        animationinfo: {delay: 0, duration: 1, effecttype: 'rain', fireposition: null},
                        animationtype: 'show',
                        delay: 0,
                        duration: 1,
                        startTime: 0,
                        endTime: 0,
                        objecttype: 'effect',
                        key: '5'
                    },
                    id: "e6066f9b-9573-4c2c-8e04-303b11d1445b",
                    shape: "animation-node"
                }, {
                    attrs: {
                        text: {text: 'Effect—Display\n0s—0s'}
                    },
                    data: {
                        animationinfo: {delay: 0, duration: 5, effecttype: 'snow', fireposition: null},
                        animationtype: 'show',
                        delay: 0,
                        duration: 5,
                        startTime: 0,
                        endTime: 0,
                        objecttype: 'effect',
                        key: '5'
                    },
                    id: "8fff44b6-a806-476c-b8ea-1f75147bf018",
                    shape: "animation-node"
                }]
            },
            key: "_VEBqgOMYI_-n7GGmI4l1",
            parentKey: "fcpSc3RKZv9UotcjRJu7g",
            type: "scene",
            value: "Event2-1",
        }, {
            graph: {
                cells: [{
                    id: "822fa276-7205-4b26-bcfb-927041f125eb",
                    shape: "edge",
                    source: {cell: '0', port: '16e3adea-7b8b-44ce-bd1d-9fb5a7fc362c'},
                    target: {cell: 'ac2037b0-9653-463a-9255-5dec201977a0', port: '701e7eb9-4e6e-46b9-8dd0-f9c10ddec2e8'},
                }, {
                    id: "6fe7f64e-9afa-4540-be8c-ab5379b501d1",
                    shape: "edge",
                    source: {cell: '0', port: '16e3adea-7b8b-44ce-bd1d-9fb5a7fc362c'},
                    target: {cell: '43974744-093d-480d-9dd7-3e44e26e25a7', port: '701e7eb9-4e6e-46b9-8dd0-f9c10ddec2e8'},
                }, {
                    id: '2aaefbb4-9ae9-4da1-99a5-52df3692dee5',
                    shape: "edge",
                    source: {cell: 'ac2037b0-9653-463a-9255-5dec201977a0', port: '03397643-77fc-4e0e-8037-8cf196c08167'},
                    target: {cell: '1', port: '92473052-b9fc-4e8f-a5d5-c15be52244da'},
                }, {
                    id: '5bd71ca4-5e08-4895-9e0c-388f52ed491f',
                    shape: "edge",
                    source: {cell: '43974744-093d-480d-9dd7-3e44e26e25a7', port: '03397643-77fc-4e0e-8037-8cf196c08167'},
                    target: {cell: '1', port: '92473052-b9fc-4e8f-a5d5-c15be52244da'},
                }, {
                    attrs: {
                        text: {text: 'Start'}
                    },
                    data: {delay: 0, duration: 0, startTime: 0, endTime: 0},
                    id: "0",
                    shape: "start-node"
                }, {
                    attrs: {
                        text: {text: 'End'}
                    },
                    data: {delay: 0, duration: 0, startTime: 0, endTime: 0},
                    id: "1",
                    shape: "end-node"
                }, {
                    attrs: {
                        text: {text: 'Effect—Display\n0s—0s'}
                    },
                    data: {
                        animationinfo: {delay: 0, duration: 1, effecttype: 'rain', fireposition: null},
                        animationtype: 'show',
                        delay: 0,
                        duration: 1,
                        startTime: 0,
                        endTime: 0,
                        objecttype: 'effect',
                        key: '5'
                    },
                    id: "ac2037b0-9653-463a-9255-5dec201977a0",
                    shape: "animation-node"
                }, {
                    attrs: {
                        text: {text: 'Effect—Display\n0s—0s'}
                    },
                    data: {
                        animationinfo: {delay: 0, duration: 5, effecttype: 'snow', fireposition: null},
                        animationtype: 'show',
                        delay: 0,
                        duration: 5,
                        startTime: 0,
                        endTime: 0,
                        objecttype: 'effect',
                        key: '5'
                    },
                    id: "43974744-093d-480d-9dd7-3e44e26e25a7",
                    shape: "animation-node"
                }]
            },
            key: "Zmq9JeBAaelU7x2C0APlT",
            parentKey: "fcpSc3RKZv9UotcjRJu7g",
            type: "scene",
            value: "Event2-2",
        }],
        graph: {
            cells: [{
                id: "e579c8f4-e3ff-4fa6-a198-6a596fea46df",
                shape: "edge",
                source: {cell: '0', port: '15dc556b-7293-44c9-a831-f49ddd2d379b'},
                target: {cell: '_VEBqgOMYI_-n7GGmI4l1', port: '39ef414c-1a5d-4d86-ba63-91921e9da561'},
            }, {
                id: "f06b7c6e-49be-46c0-a98a-db6af6a81f32",
                shape: "edge",
                source: {cell: '0', port: '15dc556b-7293-44c9-a831-f49ddd2d379b'},
                target: {cell: 'Zmq9JeBAaelU7x2C0APlT', port: 'e11fc514-de43-428f-a7ca-4bc713e2f6e0'},
            }, {
                id: "9f4d52cd-6c53-46ea-a99f-e16fbecbb67a",
                shape: "edge",
                source: {cell: '_VEBqgOMYI_-n7GGmI4l1', port: 'f0b86bce-e490-485d-b316-40afd64b9637'},
                target: {cell: '1', port: 'eebf5ab9-c40f-4fa6-bfbf-6a350093c6aa'},
            }, {
                id: "f4fbe0ea-5f5a-4ad3-971b-a71b8063f0ee",
                shape: "edge",
                source: {cell: 'Zmq9JeBAaelU7x2C0APlT', port: '4638eb07-c03c-4bb3-99d6-5463fa1fe18a'},
                target: {cell: '1', port: 'eebf5ab9-c40f-4fa6-bfbf-6a350093c6aa'},
            }, {
                attrs: {
                    text: {text: 'Start'}
                },
                data: {delay: 0, duration: 0, startTime: 0, endTime: 0},
                id: "0",
                shape: "start-node"
            }, {
                attrs: {
                    text: {text: 'End'}
                },
                data: {delay: 0, duration: 0, startTime: 0, endTime: 0},
                id: "1",
                shape: "end-node"
            }, {
                attrs: {
                    text: {text: 'Event2-1\n0s—0s'}
                },
                data: {type: 'scene', delay: 0, duration: 0, startTime: 0, endTime: 0},
                id: "_VEBqgOMYI_-n7GGmI4l1",
                shape: "animation-node"
            }, {
                attrs: {
                    text: {text: 'Event2-2\n0s—0s'}
                },
                data: {type: 'scene', delay: 0, duration: 0, startTime: 0, endTime: 0},
                id: "Zmq9JeBAaelU7x2C0APlT",
                shape: "animation-node"
            }]
        },
        key: "fcpSc3RKZv9UotcjRJu7g",
        parentKey: "0",
        type: "scene",
        value: "Event2",
    }, {
        children: [],
        graph: {
            cells: [{
                id: "e3a0e214-a3f7-49c7-8b83-a36a664c03f6",
                shape: "edge",
                source: {cell: '0', port: '57158139-f047-4346-8029-474195d2446e'},
                target: {cell: '91d63d55-634e-47a6-8e2c-68bf2fa9f3d1', port: '701e7eb9-4e6e-46b9-8dd0-f9c10ddec2e8'},
            }, {
                id: "7d5cafac-c845-4603-9f7e-14ab89a162da",
                shape: "edge",
                source: {cell: '91d63d55-634e-47a6-8e2c-68bf2fa9f3d1', port: '03397643-77fc-4e0e-8037-8cf196c08167'},
                target: {cell: '1', port: 'a58a4e16-942c-4cc9-aafc-11ec7b5ff4a5'},
            }, {
                id: '6bfb6f04-84e6-4005-a7f4-b2f2526a5998',
                shape: "edge",
                source: {cell: '0', port: '57158139-f047-4346-8029-474195d2446e'},
                target: {cell: '824d8940-c8ed-4f20-8e21-402354b0187a', port: '701e7eb9-4e6e-46b9-8dd0-f9c10ddec2e8'},
            }, {
                id: '6ca4e5a1-4379-4cd1-aab2-7a3ee5ae7f46',
                shape: "edge",
                source: {cell: '824d8940-c8ed-4f20-8e21-402354b0187a', port: '03397643-77fc-4e0e-8037-8cf196c08167'},
                target: {cell: '1', port: 'a58a4e16-942c-4cc9-aafc-11ec7b5ff4a5'},
            }, {
                attrs: {
                    text: {text: 'Start'}
                },
                data: {delay: 0, duration: 0, startTime: 0, endTime: 0},
                id: "0",
                shape: "start-node"
            }, {
                attrs: {
                    text: {text: 'End'}
                },
                data: {delay: 0, duration: 0, startTime: 0, endTime: 0},
                id: "1",
                shape: "end-node"
            }, {
                attrs: {
                    text: {text: 'Effect—Display\n0s—0s'}
                },
                data: {
                    animationinfo: {delay: 0, duration: 1, effecttype: 'rain', fireposition: null},
                    animationtype: 'show',
                    delay: 0,
                    duration: 1,
                    startTime: 0,
                    endTime: 0,
                    objecttype: 'effect',
                    key: '5'
                },
                id: "91d63d55-634e-47a6-8e2c-68bf2fa9f3d1",
                shape: "animation-node"
            }, {
                attrs: {
                    text: {text: 'Effect—Display\n0s—0s'}
                },
                data: {
                    animationinfo: {delay: 0, duration: 5, effecttype: 'snow', fireposition: null},
                    animationtype: 'show',
                    delay: 0,
                    duration: 5,
                    startTime: 0,
                    endTime: 0,
                    objecttype: 'effect',
                    key: '5'
                },
                id: "824d8940-c8ed-4f20-8e21-402354b0187a",
                shape: "animation-node"
            }]
        },
        key: "JqzwyVtpZurUPaJEi3tSn",
        parentKey: "0",
        type: "scene",
        value: "Event3",
    }],
    graph: {
        cells: [{
            id: "0f35e389-69ee-4cf3-b3a9-0230140bb4d9",
            shape: "edge",
            source: {cell: '0', port: '2de40b03-972d-4ac0-9fbf-2f58a4c4de1a'},
            target: {cell: 'BJgPFH8SHw5d6GOYJ6bhv', port: 'e1f6c9bb-a58e-41dc-9a55-bc556e2dd127'},
        }, {
            id: "1c31017d-c54a-4c8d-a5b9-7c0145005c2c",
            shape: "edge",
            source: {cell: 'BJgPFH8SHw5d6GOYJ6bhv', port: '13012133-eae7-41e5-877c-bf2616914d8c'},
            target:{cell: 'fcpSc3RKZv9UotcjRJu7g', port: '00eeb6e7-0e7b-4eec-ab84-eda1649a6fe6'},
        }, {
            id: "542512bd-11a5-4cb6-9602-36965621d93d",
            shape: "edge",
            source: {cell: 'BJgPFH8SHw5d6GOYJ6bhv', port: '13012133-eae7-41e5-877c-bf2616914d8c'},
            target: {cell: 'JqzwyVtpZurUPaJEi3tSn', port: '43db2fe3-fe8a-4ee8-883a-97ebe1233351'},
        }, {
            id: "e1639fb6-9331-4a18-b261-499cbc40eba3",
            shape: "edge",
            source: {cell: 'fcpSc3RKZv9UotcjRJu7g', port: '19846151-788d-4a5c-87cb-9554f59fd867'},
            target: {cell: '1', port: '99ceb5ce-6d31-4dbe-9385-29b806bcc46d'},
        }, {
            id: "213c7a82-6659-4904-8e7e-2981ae252bb3",
            shape: "edge",
            source: {cell: 'JqzwyVtpZurUPaJEi3tSn', port: '3019a650-1410-487c-ac95-d1ec3377391c'},
            target: {cell: '1', port: '99ceb5ce-6d31-4dbe-9385-29b806bcc46d'},
        }, {
            attrs: {
                text: {text: 'Start'}
            },
            data: {delay: 0, duration: 0, startTime: 0, endTime: 0},
            id: "0",
            shape: "start-node"
        }, {
            attrs: {
                text: {text: 'End'}
            },
            data: {delay: 0, duration: 0, startTime: 0, endTime: 0},
            id: "1",
            shape: "end-node"
        }, {
            attrs: {
                text: {text: 'Event1\n0s—0s'}
            },
            data: {type: 'scene', delay: 0, duration: 0, startTime: 0, endTime: 0},
            id: "BJgPFH8SHw5d6GOYJ6bhv",
            shape: "animation-node"
        }, {
            attrs: {
                text: {text: 'Event2\n0s—0s'}
            },
            data: {type: 'scene', delay: 0, duration: 0, startTime: 0, endTime: 0},
            id: "fcpSc3RKZv9UotcjRJu7g",
            shape: "animation-node"
        }, {
            attrs: {
                text: {text: 'Event3\n0s—0s'}
            },
            data: {type: 'scene', delay: 0, duration: 0, startTime: 0, endTime: 0},
            id: "JqzwyVtpZurUPaJEi3tSn",
            shape: "animation-node"
        }]
    },
    key: "0",
    value: "Root Event"
}]